﻿<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <title>线路油耗</title>
    <!-- BOOTSTRAP STYLE SHEET -->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FONT AWESOME ICONS STYLE SHEET -->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
    <!-- CUSTOM STYLES -->
    <link href="assets/css/style.css" rel="stylesheet" />
    <link href="assets/css/select2.css" rel="stylesheet" />
    <link href="assets/css/jquery.jgrowl.css" rel="stylesheet" />
</head>
<body >
    <div class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/"><img src="assets/img/logo.png" alt="G7">汇通天下</a>
            </div>
            <div class="tel_top"></div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav navbar-right ">
                    <li><a href="#home">首页</a></li>
                    <li><a href="#services">G7服务</a></li>
                    <li><a href="#works">服务支持</a></li>
                    <li><a href="#contact">关于我们</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- NAVBAR CODE END -->
    <div id="home">
        <div class="overlay">
            <!-- overylay class usage -->
            <div class="container">
                <div class="row">
                  <div class="reg-block text-center">
                      <form  class="" id="myForm" action="php/handleData.php" method="post">
                        <header >
                           <h1>查询线路标准油耗</h1>
                            <h5 >全国上千条线路，数十万车辆实时油耗大数据</h5>
                           <fieldset class="padding-0" >
                             <div class="row">
                                 <div class="form-group">
                                     <div class="input-group">
                                         <div class="input-group-addon"><span class="glyphicon glyphicon-map-marker"></span></div>
                                         <select class="form-control input-lg" id="from"  name="from">
                                         </select>
                                     </div>
                                 </div>
                                 <div class="form-group">
                                     <div class="input-group">
                                         <div class="input-group-addon"><span class="glyphicon glyphicon-map-marker"></span></div>
                                         <select class="form-control input-lg" id="to"  name="to">
                                         </select>
                                     </div>
                                 </div>
                                 <div class="form-group">
                                     <div class="input-group">
                                         <div class="input-group-addon"><span class="fa fa-truck"></span></div>
                                         <select class="form-control input-lg" name="weight" id="weight" placeholder="请选择您的载重要求">
                                             <option value="15吨以下">15吨以下</option>
                                             <option value="15吨至30吨">15吨至30吨</option>
                                             <option value="30吨以上">30吨以上</option>
                                         </select>
                                     </div>
                                 </div>
                                
                                     <div class="form-group">
                                         <div class="input-group">
                                             <div class="input-group-addon"><span class="glyphicon glyphicon-phone"></span></div>
                                             <div class="row">
                                                 <div class="col-xs-8">
                                                     <input type="text" class="form-control input-lg" name="phone" id="phone" maxlength="11" data-toggle="tooltip" title="同一手机号30天内最多查3次" data-trigger="focus" placeholder="请输入您的手机号码">
                                                 </div>
                                                 <div class="col-xs-4">
                                                     <input type="button" class="btn btn-primary code" id="getCode" value="获取验证码"/>
                                                 </div>
                                             </div>
                                         </div>
                                     </div>
                                     <div class="form-group">
                                         <div class="input-group">
                                             <div class="input-group-addon"><span class="fa fa-key"></span></div>
                                             <input type="text" class="form-control input-lg" name="verify" id="verify" placeholder="请输入您的验证码">
                                         </div>
                                     </div>
                                 <div class="form-group">
                                         <button class="btn btn-primary btn-lg btn-block" type="button" id="query">快速查询</button>
                                 </div>
                             </div>
                           </fieldset>
                        </header>
                        <input type="hidden" name="token" value="auth"/>
                      </form>
                  </div>
                </div>

            </div>
        </div>

    </div>
    <div class="clear"></div>

    <!--HOME SECTION END  -->
    <footer class="footerBox">
     <div class="footer">
      <div class="tel">
       <small>G7大数据技术支持：</small><br>
       <small>g7zngcbi@huoyunren.com</small>
      </div>
      <div class="g7nfo">
      <dl>
       <dt>北京汇通天下物联科技有限公司</dt>
       <dd>总机：021-64058562<br>
                   地址：上海市闵行区吴宝路255号力国大楼503室</dd>
      </dl>
      </div>
      <div class="fr"><img src="assets/img/qrcode_3.gif" alt="G7货运人"><br>智能管车国际版</div>
      <div class="fr"><img src="assets/img/qrcode_2.gif" alt="G7手机管车"><br>G7手机管车</div>
      <div class="fr"><img src="assets/img/qrcode_1.gif" alt="G7官网微信"><br>G7官网微信</div>
     </div>
    <div class="footnav">
     <dl>
      <dt><span style="float:left">Copyright © 2015 HUOYUNREN.COM All Rights Reserved  京公网安备11010802017215号 京ICP证130233号 </span>  
      </dt>
      <dd>
       <a href="/">首页</a><a href="/index.php/html/g7">G7服务</a><a href="/index.php/html/service">服务支持</a><a href="/index.php/html/about">关于我们</a>
      </dd>
     </dl>
     </div>
    </footer>
    <!-- FOOTER SECTION END-->
    <!-- REQUIRED SCRIPTS FILES -->
    <!-- CORE JQUERY FILE -->
    <script src="assets/js/jquery-2.0.2.min.js"></script>
    <!-- REQUIRED BOOTSTRAP SCRIPTS -->
    <script src="assets/js/bootstrap.js"></script>
    <!-- BACKGROUND VIDEO PLUGIN  -->
    <script src="assets/js/jquery.mb.YTPlayer.js"></script>
    <!-- SCROLLING SCRIPTS PLUGIN  -->
    <script src="assets/js/jquery.easing.min.js"></script>
    <!-- CUSTOM SCRIPTS   -->
    <script src="assets/js/custom.js"></script>
    <script src="assets/js/jquery.jgrowl.js"></script>
    <!-- SELECT2 SCRIPTS-->
    <script src="assets/js/select2.js"></script>
    <!-- INDEX SCRIPTS-->
    <script src="assets/js/index.js"></script>
</body>

</html>
